@charset "utf-8";

/* .lp-logo{margin-bottom: 10px;}
.lp-logo img{width: 130px;height: 45px;} */
.banner-2 .banner-name{top: 60px;z-index:3;}
.banner-2 .black-mask{position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;background-color: #000;opacity: .3;}

.loupan h3.name{padding: 6px 0 0 15px;font-size: 20px;}
.loupan .house-demo{height: 355px;position: relative;}
.loupan .house-demo a{position: absolute;top: 20px;left: 20px;display: block;background: #00A0E9;color: #fff;font-size: 12px;padding: 6px 20px;border-radius: 5px;}
.loupan .phone{line-height: 1.1em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #EE4432;text-align: right;font-weight: 600;font-size: 27px;margin-top: 5px;margin-bottom: 15px}
.loupan .phone img{height: 1.1em;vertical-align: text-bottom;margin-right: 5px}

.loupan .three-content .messagetitle{font-size: 14px;padding: 15px 0 10px;color: #333;font-weight: 600;}
.loupan .dis{text-indent: 2em;font-size: 12px;padding: 5px;line-height: 21px;}

.top-view {padding: 0 15px;}
.loupan .border-left{width: 2px;height: 20px;background: linear-gradient(to bottom, #0650DF,#67BFE1);}
.loupan .title{padding-left: 8px;line-height: 18px;}
.top-view .around {border: 1px solid blue;height: 300px;margin-top: 14px;width: calc(100% - 22px);}

.loupan .swiper-pagination-bullet{width: 40px;height: 3px;background: #fff;opacity: .8;border-radius: 0;}
.loupan .swiper-pagination-bullet-active{height: 5px;opacity: 1;}
.three-content{border-bottom: 1px solid #EDEFF2;padding-bottom: 10px;}
.three-content:last-child{border-bottom: none;}
.three-content .comlist{font-size: 12px;padding: 0 10px 0 0;}
.show-hide{font-size: 12px;text-align: center;margin-top: 15px;}
ul.for-inline li, .li-inline{width: 49%;display: inline-block;line-height: 20px!important;}
		
/* pagination */
.contentBottom{margin-top: 25px;}
.page-box{margin:0;padding:0}
.page-box a {height: 30px;padding: 0 12px;margin-left: 5px;text-align: center;line-height: 30px;border: 1px solid #E4E6E9;overflow: hidden;font-size: 12px;font-weight: 600;color: #444;display: inline-block;zoom: 1;vertical-align: middle}
.page-box a.on {font-size: 14px;font-weight: bold;text-decoration: none;cursor: default;background: #00A0E9;color: #fff;border: 1px solid #00A0E9;}

/* 轮播 */
#certify {position: relative;width: 90%;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;padding-top: 30px;}
#certify .swiper-slide {width: 520px;height: 390px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;width: 100%;height: 100%;}
#certify .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;border-radius: 50%;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00A0E9;background-color: #fff}
#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100}
#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100}

.new-house{padding: 20px 20px 25px;width: 1110px;margin: 45px auto 5px;-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 0 1px 0 rgba(0,0,0,.1)}
.new-house li{ float: left;padding-right: 30px; }
.new-house li a{width: auto;}
.new-house .gohouseindex{display: block;color: #00A0E9;text-align: right;font-size: 12px;}

.d-shadow{border-radius: 5px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}

.share{line-height: 34px;height: 26px;}
.share i{margin-right: 5px;display: inline-block;font-size: 13px;}
.share a {margin-right: 10px;color: #b0b0b0;font-size: 12px;line-height: 14px;}

/* 资产管理 */
.zi-brand .left-list, .zi-brand .desc{background: #F3F3F3;padding: 15px;margin-right: 35px;margin-bottom: 15px;}
.left-list li .details{ position:relative; border:1px solid #eee;cursor: pointer;margin-bottom:10px;
    background:#fff; -webkit-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius: 7px;overflow: hidden;}
.left-list li .details .pic{ width:100%; height:145px; overflow:hidden;position: relative; }
.left-list li .details .pic>img{ width:100%; height:100%; cursor:pointer; }
.left-list li .details .pic p{position: absolute;bottom: 5px;left: 10px;right: 10px;font-size: 12px;color: #fff;}
.left-list li .details .pic p>img {vertical-align: text-top;width: 18px;}
.left-list li .details .remark{ display:block; margin:8px 10px; padding:0; color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
.left-list .remark a{color: #020433;font-size: 14px;width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.left-list .remark .detail-info{margin-top: 3px;font-size: 12px;color: #9CA1AE;}
.left-list .remark .detail-info .pull-left{line-height: 30px;height: 22px;}
.left-list .remark p.price{font-size: 12px;margin-top: 3px;color: #9CA1AE;}
.left-list .remark .price big{font-weight: 600;font-size: 16px;color: #00A0E9;}

.zi-brand .desc p{font-size: 13px; color: #9B9B9B;}

.zi-brand .search-list{background: #F3F3F3;padding: 10px 15px;}
.zi-brand .search-list dt{color: #333;float: left;font-size: 12px;width: 40px;}
.zi-brand .search-list dd{float: left;}
.zi-brand .search-list dd>a{color: #666;font-size: 12px;display: block;padding: 0 10px;}
.zi-brand .search-list dd.active a{color: #38B3FF;}

.zi-brand .result-list{margin-top: 20px;position: relative;}
.zi-brand .result-list h3{margin-bottom: 5px;}
.search-result-list .search-list-item{list-style: none;margin: 0;padding: 0 10px;margin-left: -10px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;cursor: pointer;}
.search-result-list .search-list-item:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}
.search-result-list .search-list-item-media{width: 200px;height: 140px;position: relative;padding: 15px 0;padding-right: 10px;display: inherit;float: left;}
.search-result-list .search-list-item-media>img{width: 100%;height: 100%;border-radius: 5px;overflow: hidden;display: block;}
.search-result-list .search-list-item-inner{position: relative;margin-left: 20px;padding: 15px 0;width: calc(100% - 230px);float: left;}
.search-result-list .search-list-item-inner:after{width: 100%;height: 1px;background-color: #EBEBEB;display: block;content: '';position: absolute;top: auto;right: auto;bottom: 0;left: 0;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.search-result-list .search-list-item:last-child .search-list-item-inner:after {height: 0;}
.search-result-list .search-list-item-text{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.search-result-list .search-list-item-title{color: #333;font-weight: bold;font-size: 16px;width: 72%;}
.search-result-list span.blue{color: #38B3FF;font-weight: bold;font-size: 26px;line-height: 9px;}
.search-result-list .search-info{position: relative;padding: 10px 0 0;font-size: 14px;
    color: #898B9B;background-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.search-result-list .search-info .desription{width: 100%;font-size: 12px;color: #38B3FF;}
.search-result-list .search-info-item{font-size: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
.search-result-list span.warning{color:#FF6F6F;font-weight:bold;}
.search-result-list a.traffic{display: block;color: #898B9B;background: #F3F3F3;padding: 1px 6px;margin-right: 8px;font-size: 12px;}

.result-list .sort{position: absolute;right: 0;top: 3px;}
.result-list .sort li{float: left;margin-left: 30px;}
.result-list .sort li a{color: #9B9B9B;font-size: 12px;}
.result-list .sort li.active a{color: #00A0E9;}
.result-list .sort .arr {width: 10px;display: inline-block;vertical-align: middle;}
.result-list .sort .arrUp{width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #ccc;}
.result-list .sort .arrDown{width: 0;height: 0;border: 6px solid transparent;border-top-color: #ccc;margin-top: 3px;}
.result-list .sort .active1{border: 6px solid transparent;border-bottom-color: #38B3FF;}
.result-list .sort .active2{border: 6px solid transparent;border-top-color: #38B3FF;margin-top: 3px;}
.result-list .sort .active{color: #38B3FF}

/* 代理公司 */
.agent .company{font-size: 12px;margin-top: 6px;}
.agent .for-button {display: block;background: #FAFAFA;color: #333;text-align: center!important;font-size: 13px;width: 48%!important;padding: 5px 0;border-radius: 5px;}
.agent .for-button >img {vertical-align: text-bottom;padding-right: 5px;}


.maskLayer{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:center;
    background-color: rgba(1, 1, 1, 0.9);
    align-items:center;
}